<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>

    </style>

    <script src="jquery.min.js"></script>
    <script>
        $(function () {
            $('div').on({
                click: function () {
                    console.log('点击');
                }
                ,
                mouseenter: function () {
                    console.log('经过');
                }
            })
              // 通过on绑定的事件可以通过off去解绑

            // 1.解绑所有事件off()
            // $('div').off()
            // 2.解绑某个事件off('事件名')
            $('div').off('click')
            // 3.解绑事件委托 $('ul').off('click', 'li')
            $('ul').on('click', 'li', function () {
                alert(11)
            })
            $('ul').off('click', 'li')
            // 4.one()事件 只触发一次就自动销毁
            $('p').one('click', function () {
                alert(11)
            })
        })
      
    </script>
</head>

<body>
    <div>1</div>
    <ul>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
    </ul>
    <p>p</p>
</body>

</html>